<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>调试工具</title>
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
    <div id="container">
        <div class="panel panel-login">
            <div class="title">
                登录
            </div>
            <div class="content">
                <div class="box-input">
                    <input class="input-username" type="text" placeholder="用户名">
                    <input class="input-password" type="password" placeholder="密码">
                    <button class="btn-login">登录</button>
                </div>
                <div class="box-result">
                    <label for="token">当前Token</label>
                    <input class="input-token" name="token" type="text" readonly="true">
                </div>
            </div>
        </div>
        <div class="panel panel-request">
            <div class="title">
                请求
            </div>
            <div class="content">
                <div class="box-url">
                    <input class="input-url" type="text" placeholder="相对于主机名的绝对路径，如/user/login">
                    <button class="btn-get">GET</button>
                    <button class="btn-post">POST</button>
                    <button class="btn-format">Format JSON</button>
                </div>
                <div class="box-content">
                    <div class="request-input">
                        <div>请求内容</div>
                        <textarea class="input-request-content" name="request-content" cols="30" rows="20"></textarea>
                    </div>
                    <div class="response-json">
                        <div>响应内容</div>
                        <textarea class="input-response-content" cols="30" rows="20" readonly="true"></textarea>
                    </div>
                </div>
            </div>
        </div>
        <div class="panel panel-history">
            <div class="title">
                历史
            </div>
            <div class="content">
                <div class="box-history">
                    <div class="title">
                        <div class="url">URL</div><!--
                        --><div class="method">方法</div><!--
                        --><div class="status">状态</div>
                    </div>
                    <div class="item" data-timestamp="">
                        <div class="url">URL</div><!--
                        --><div class="method">方法</div><!--
                        --><div class="status">状态</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="js/zepto.js"></script>
    <script src="js/util.js"></script>
    <script src="js/json.js"></script>
    <script src="js/md5.js"></script>
    <script src="js/main.js"></script>
</body>
</html>
